<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="../common/meta.jsp" %>
<title>红利会 – 童装用品免费拿啦！– 果果街</title>
<meta name="keywords" content="果果,果果街,果果网,童装, 淘宝网童装,孕妇装,洗护用品, 母婴用品,儿童美食,家居 ,亲子早教" />
<meta name="description" content="童装用品免费拿、参与活动有钱赚。20万件孕婴童精品，上百商家参与互动，最火的另类母婴亲子社区，妈妈们网上逛街的好地方！" />
<%@include file="../common/jscss.jsp" %>
</head>
<body>
<%@include file="../common/header.jsp" %>
<div class="wraper clearFix">
	<div class="hlsAdFir">
    	<a href="javascript:;"><img src="imgs/hlsPic11.png" class="r5" /></a>
    </div>
    
    <!--  leftPart --->
	<div class="hlsLeft fl iedis">
        <div class="boxHeader"> 
            <b class="ltSquare"></b>
            <b class="rtSquare"></b> 
        </div>
        <div class="hlsCen">
        	<c:forEach items="${pageModel.list }" var="bonus" varStatus="status">
        		<div 
        			<c:choose>
	        			<c:when test="${status.index==0}">
	        				class="hlsDet"
	        			</c:when>
	        			<c:otherwise>
	        				class="hlsDetOth"
	        			</c:otherwise>
        			</c:choose>
        		 >
		           	<div class="hlsFirL fl">
		                       <a href="bonusDetail.htm?bonusId=${bonus.identifier}" target="_blank">
		                       <img width="260" height="328" src="${bonus.imageServer}${bonus.imageUrl}" class="r5" />
		                       </a>
		                       <span class="font20px fontWeight">${bonus.amount }份</span>
		               </div>
		               <div class="hlsFirR fl">
		                   	<span class="hlsFTitle">
		                       	<a target="_blank" href="bonusDetail.htm?bonusId=${bonus.identifier}" class="fontWeight font22px"><c:out value="${bonus.name }" /></a>
		                       </span>
		                       <p class="hlsStylePop font14px">
		                       	品牌：<span><c:out value="${bonus.className}" /></span>
		                           人气：<span>${bonus.viewAmount}</span>
		                       </p>
		                       <p class="hlsProDet">
		                       	产品介绍：
		                           <span>
		                           <c:out value="${bonus.cutIntro }" />
		                               <a target="_blank" href="bonusDetail.htm?bonusId=${bonus.identifier}" style="color:#87B32E;">查看详情</a> 
		                           </span>
		                       </p>
		                       <c:choose>
		                       	<c:when test="${bonus.bonusView.status==1}">
		                       		<span class="hlsSQOver font16px fontWeight">还未开始</span>
		                       	</c:when>
		                       	<c:when test="${bonus.bonusView.status==2}">
		                       		<a target="_blank" href="bonusDetail.htm?bonusId=${bonus.identifier}" class="hlsbtn font16px fontWeight">我要红利</a>
		                       	</c:when>
		                       	<c:when test="${bonus.bonusView.status==3 }">
		                       		<span class="hlsSQOver font16px fontWeight">申请结束</span>
		                       		<a target="_blank" href="bonusDetail.htm?bonusId=${bonus.identifier}" class="hlsChRepo font16px fontWeight">查看报告</a>
		                       	</c:when>
		                       	<c:when test="${bonus.bonusView.status==4 }">
		                       		<span class="hlsSQOver font16px fontWeight">试用结束</span>
		                       		<a target="_blank" href="bonusDetail.htm?bonusId=${bonus.identifier}" class="hlsChRepo font16px fontWeight">查看报告</a>
		                       	</c:when>
		                       </c:choose>
		                       <div class="clear"></div>
		                       
		                       <div class="hlsNumAll">
		                       	<span class=" font18px fontWeight hlsRP">${bonus.applyNums}</span>人申请
		                       </div>
		                       <ul class="hlsName">
		                       	<c:forEach items="${bonus.applyMember}" var="mem">
		                       		 <li>
		                       				<a href="cover.htm?fid=${mem.family}">
			                               	 	<img class="u_id_img" memberId="${mem.identifier}" width="20" src="${mem.imageServer}${mem.avatar}" />
			                               	</a>
			                         </li>
	                       		</c:forEach>
		                       </ul>
		                       <c:if test="${bonus.bonusView.status < 4 }">
		                       	<p class="hlsTimeLeft clearFix">
		                       		<c:choose>
		                       			<c:when test="${bonus.bonusView.status == 1}">
		                       				<span class="hlsltSpan">开始剩余时间：</span>
		                       			</c:when>
		                       			<c:when test="${bonus.bonusView.status == 2}">
		                       				<span class="hlsltSpan">申请剩余时间：</span>
		                       			</c:when>
		                       			<c:when test="${bonus.bonusView.status == 3}">
		                       				<span class="hlsltSpan">报告剩余时间：</span>
		                       			</c:when>
		                       		</c:choose>
			                       	
			                           <i class="hls_d"></i><span>天</span>
			                           <i class="hls_h"></i><span>小时</span>
			                           <i class="hls_m"></i><span>分</span>
			                           <i class="hls_s"></i><i class="ms"></i><span>秒</span>
			                           <input type="hidden" value="${bonus.bonusView.defaultTime}" class="default_time" />
			                     </p>
		                       </c:if>
		                      	
		                   </div>      
		           </div>
        	</c:forEach>
            
          
          <div id="pager" class="h_page"></div>
        </div>
        <div class="boxFooter">
            <b class="lfSquare"></b>
            <b class="rfSquare"></b>
        </div>
    </div>
    <!--  leftPart --->
    
	<!--  rightPart --->
	<div class="hlsRight fr">
    	<div class="hlsComBox mb20">
        	<div class="hlsBoxHead">
            	申请红利三步骤   
            </div>
            <div class="hlsApplybody">
            	<span><i>1</i>按要求完成红利任务</span>
                <span><i>2</i>提交申请，等待结果</span>
                <span><i>3</i>提交试用报告</span>
            </div>
            <div class="hlsRBottom"></div>	
        </div>
        
        <div class="hlsLinkDeta mb20">
        	<div class="boxHeader"> 
                <b class="ltSquare"></b>
                <b class="rtSquare"></b> 
        	</div>
            <div class="hlsLinkIn">
            	<a target="_blank" href="http://www.guoguojie.com/forumDc.htm?id=3fcf416e-4956-4a87-b2df-899c92e8c0af" class="hlsLinkA">1</a>
                <a target="_blank" href="http://www.guoguojie.com/picdt.htm?id=def27fda-d756-430c-8728-b3f8f2b87129" class="hlsLinkB">2</a>
            </div>
            <div class="boxFooter">
                <b class="lfSquare"></b>
                <b class="rfSquare"></b>
        	</div>
        </div>
        
        <div class="hlsComBox mb20">
        	<div class="hlsBoxHead">
            	红利试用合作
            </div>
            <div class="detail_p">
            	<p class="fontColor666" style="line-height: 24px;">
            		想为妈妈们提供优质的宝宝试用产品吗？赶快联系我们吧！<br/>
            		QQ：406000829  331969329<br/>
            		电话：021-62496063-8002<br/>
            		工作时间：周一至周五9:30-18:00
            	</p>
            </div>
            <div class="hlsRBottom"></div>	
        </div>
        
        <div class="hlsComBox mb20">
        	<div class="hlsBoxHead">
            	免责声明
            </div>
            <div class="detail_p">
            	<p class="fontColor999">1．果果街仅为会员提供试用渠道，不对任何试用产品效果及质量提供保障。若会员在产品试用过程中有任何不适，请即时停用并联系<a class="u_name" target="_blank" style="color:#007ABC;">@果果妈</a> 。<br />2. 果果街为会员提供试用机会，会员收到试用产品后，请先与快递验货后再签收，以确认试用产品完整无损。如未进行确认而出现的短缺或损坏，本站不承担任何责任。</p>
            </div>
            <div class="hlsRBottom"></div>	
        </div>
     </div>
    <!--  rightPart --->
</div>
<%@include file="../common/footer.jsp" %>
<script type="text/javascript" src="js/web2/bonus.js"></script>
<script type="text/javascript">
	$(function(){
		
		//分页
		$("#pager").pager({ pagenumber: ${pageModel.currentPage}, 
								pagecount: ${pageModel.totalPage},
								buttonClickCallback: function(page){
									window.location.href = "bonus.htm?page="+page;
								}
		});
		
		
		
	});
	
</script>
</body>
</html>
